<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/left_nav.css">
    <link rel="stylesheet" href="../css/right_nav.css">
    <link rel="stylesheet" href="../css/bottom_nav.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../css/car.css">
    <script src="../js/details.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <div class="details_box">
        <div class="left"></div>
        <div class="center">
            <div class="center_content">
                <ul class="center_ul">
                    <li>
                        <img class="one" src="" alt="">
                    </li>
                    <li>
                        <img class="two" src="" alt="">
                    </li>
                    <li>
                        <img class="three" src="" alt="">
                    </li>
                    <li>
                        <img class="four" src="" alt="">
                    </li>
                </ul>
            </div>
            <ul class="center_small">
                <li class="border_even">
                    <p>
                        <img class="s_one" src="" alt="">
                    </p>
                </li>
                <li>
                    <p>
                        <img class="s_two" src="" alt="">
                    </p>
                </li>
                <li>
                    <p>
                        <img class="s_three" src="" alt="">
                    </p>
                </li>
                <li>
                    <p>
                        <img class="s_four" src="" alt="">
                    </p>
                </li>
            </ul>
        </div>
        <div class="center_right">
            <div>
                <input type="text" placeholder="查找">
                <i class="iconfont icon-cuowu cancle"></i>
                <ul>
                    <p>热门推荐</p>
                    <li><a href="">鞋子</a></li>
                    <li><a href="">帽子</a></li>
                    <li><a href="">裙子</a></li>
                </ul>
            </div>
        </div>
        <div class="information">
            <div class="information_top">
                <h1 class="infor_h1">人造皮草混纺粗花呢迷你裙</h1>
                <div class="title_price">
                    <span class="price_span">￥&nbsp;9,800</span>
                </div>
                <div class="describe">
                    <p class="des_p">迷你裙搭配正面贴袋，裙摆点缀人造皮草滚边</p>
                    <a href="">更多</a>
                </div>
                <div class="color">
                    <p>
                        颜色：<span class="col_span">靛蓝色</span>
                    </p>
                    <p class="col_p"></p>
                </div>
                <div class="size">
                    <div class="guide">
                        <span>尺码指南></span>
                    </div>
                    <div class="sizeSelect">
                        <p class="select_s">选择尺码</p>
                        <div class="select_p">
                            <ul>
                                <li>&nbsp;YSL&nbsp;XS </li>
                                <li>&nbsp;YSL&nbsp;S</li>
                                <li>&nbsp;YSL&nbsp;M</li>
                                <li>&nbsp;YSL&nbsp;L</li>
                                <li>&nbsp;YSL&nbsp;XL</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="other">
                    <button class="add_car">添加至购物车</button>
                    <p>
                        <span>查询线下店铺情况 ></span>
                    </p>
                    <p>
                        <span>免费配送与退货服务 ></span>
                    </p>
                    <p>
                        <i class="iconfont icon-aixin"></i>
                        <i class="iconfont icon-xin"></i>
                        <i class="iconfont icon-dianhua"></i>
                        <i class="iconfont icon-fenxiang2"></i>
                    </p>
                </div>

            </div>
        </div>
        <div class="even"></div>
        <div class="car">
            <div class="car_top">
                <p class="t_count">共一件</p>
                <i class="iconfont icon-cuowu quxiao"></i>
            </div>
            <div class="car_center">
                <div class="center_warpper">
                    <div class="list_warpper">
                        <!-- <div class="list">
                            <p>
                                <input type="checkbox">
                            </p>
                            <p>
                                <img src="" alt="">
                            </p>
                            <div class="list_content">
                                <p>
                                    <span>蓝色大理石粉色低腰牛仔裤</span>
                                    <span>￥&nbsp;5,900</span>
                                </p>
                                <div class="content1">
                                    <p>蓝色</p>
                                    <p>25码</p>
                                    <div class="con">
                                        <span>数量</span>
                                        <p>
                                            <a class="subtract" href="#">-</a>
                                            <a  class="count" href="#">1</a>
                                            <a class="append" href="#">+</a>
                                        </p>
                                    </div>
                                    <div class="btn">
                                        <button>删除</button>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                    <div class="footer_warpper">
                        <div class="total_info">
                            <div class="all_select">
                                <input class="All_choose" type="checkbox">
                                <label for="">全选</label>
                            </div>
                            <p>
                                <span>合计</span>
                                <span class="summation">￥00.00</span>
                            </p>
                        </div>
                        <div class="pay_btn">
                            <button>结算</button>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="right"></div>
    </div>
    <div class="bottom_box"></div>
    <script src="../js/left_nav.js"></script>
    <script src="../js/right_nav.js"></script>
    <script src="../js/bottom_nav.js"></script>
    <script src="../js/car.js"></script>
</body>

</html>